<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<div class="container-fluid">
			<div class="row bg">
				<!--导航-->
				<div class="col-md-10 col-md-offset-1 header">
					<nav class="navbar navbar-inverse">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
							<a class="navbar-brand logo" href="#">
								<img src="img/common/logo.png" alt="" />
							</a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									<a href="#">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="jiazu.html">Laya家族</a>
								</li>
								<li>
									<a href="play.html">游戏</a>
								</li>
								<li>
									<a href="new.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="my.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">Engilsh</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li role="separator" class="divider"></li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
						<!-- /.container-fluid -->
					</nav>
				</div>
			</div>
			<!--导航结束-->
			<!--轮播-->
			<div id="myCarousel" class="carousel slide row">
			    <!-- 轮播（Carousel）指标 -->
			    <ol class="carousel-indicators">
			        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			        <li data-target="#myCarousel" data-slide-to="1"></li>
			        <li data-target="#myCarousel" data-slide-to="2"></li>
			    </ol>   
			    <!-- 轮播（Carousel）项目 -->
			    <div class="carousel-inner">
			        <div class="item active">
			            <img  src="img/index/lunbo1.png" alt="..." style="width: 100%;">
			        </div>
			        <div class="item">
			            <img  src="img/index/lunbo1.png" alt="..." style="width: 100%;">
			        </div>
			        <div class="item">
			            <img  src="img/index/lunbo1.png" alt="..." style="width: 100%;">
			        </div>
			    </div>
			    <!-- 轮播（Carousel）导航 -->
			    <a class="carousel-control left" href="#myCarousel" 
			        data-slide="prev"><span class="left_span">&lsaquo;</span>
			    </a>
			    <a class="carousel-control right" href="#myCarousel" 
			        data-slide="next"><span class="right_span">&rsaquo;</span>
			    </a>
			</div>
			<!--轮播结束-->
			<div class="row engine">
				<div class="col-md-10 col-md-offset-1 engine-top">
					<div class="row">
						<div class="col-md-8">
							<div class="row engine_tittle">
								<div class="col-md-12 col-sm-12 col-xs-12">
									LayaFlash 引擎
								</div>
							</div>
							<div class="row engine_fu_tittle">
								<div class="col-md-12 col-sm-12 col-xs-12">
									让Flash技术变成开发HTML5产品的利器
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-sm-6 col-xs-12">
									<div class="row">
										<div class="col-md-4 col-sm-3 col-xs-4">
											<div class="engine_img">
												<img src="img/index/chengben.png" alt="" />
											</div>
										</div>
										<div class="col-md-8 engine_text col-sm-9 col-xs-8">
											<div class="row">
												<h3>
												快速Flash产品转换
												</h3>
												<p>
													Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏
												</p>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<div class="row">
										<div class="col-md-4 col-sm-3 col-xs-4">
											<div class="engine_img">
												<img src="img/index/chengben.png" alt="" />
											</div>
										</div>
										<div class="col-md-8 engine_text col-sm-9 col-xs-8">
											<div class="row">
												<h3>
												快速Flash产品转换
												</h3>
												<p>
													Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏
												</p>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<div class="row">
										<div class="col-md-4 col-sm-3 col-xs-4">
											<div class="engine_img">
												<img src="img/index/chengben.png" alt="" />
											</div>
										</div>
										<div class="col-md-8 engine_text col-sm-9 col-xs-8">
											<div class="row">
												<h3>
												快速Flash产品转换
												</h3>
												<p>
													Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏
												</p>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<div class="row">
										<div class="col-md-4 col-sm-3 col-xs-4">
											<div class="engine_img">
												<img src="img/index/chengben.png" alt="" />
											</div>
										</div>
										<div class="col-md-8 engine_text col-sm-9 col-xs-8">
											<div class="row">
												<h3>
												快速Flash产品转换
												</h3>
												<p>
													Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-9 col-md-offset-1">
					<div class="row advantage">
						<div class="col-md-4 col-sm-3 col-xs-12 text-center  col-md-offset-1 col-sm-offset-1">
							<div class="row">
								<div class="col-md-12 img">
									<div class="row">
										<div class="img-cont">
											<a href=""><img src="img/index/youshibg.png" alt=""/></a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-1">
							<div class="row advantage-tittle">
								<div class="col-md-12">
									<h3>Layabox 优势</h3>
								</div>
							</div>
							<div class="row advantage-top">
								<div class="col-md-2 col-sm-2 col-xs-2">
									<div class="row">
										<div class="advantage-img">
										</div>
									</div>
								</div>
								<div class="col-md-10 col-sm-10 advantage-text col-xs-10">
									<div class="row">
										<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
									</div>
								</div>
							</div>
							<div class="row advantage-top">
								<div class="col-md-2 col-sm-2 col-xs-2">
									<div class="row">
										<div class="advantage-img">
										</div>
									</div>
								</div>
								<div class="col-md-10 col-sm-10 advantage-text col-xs-10">
									<div class="row">
										<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
									</div>
								</div>
							</div>
							<div class="row advantage-top">
								<div class="col-md-2 col-sm-2 col-xs-2">
									<div class="row">
										<div class="advantage-img">
										</div>
									</div>
								</div>
								<div class="col-md-10 col-sm-10 advantage-text col-xs-10">
									<div class="row">
										<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
									</div>
								</div>
							</div>
							<div class="row advantage-top">
								<div class="col-md-2 col-sm-2 col-xs-2">
									<div class="row">
										<div class="advantage-img">
										</div>
									</div>
								</div>
								<div class="col-md-10 col-sm-10 advantage-text col-xs-10">
									<div class="row">
										<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row family">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1">
					<div class="row family-tittle">
						<div class="col-md-12 text-center">
							<h3>Layabox产品家族</h3>
						</div>
					</div>
					<div class="row family-text">
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-5 col-xs-12 family-text-one">
							<div class="row">
								<div class="col-md-3 col-sm-3  col-xs-3 col-md-offset-1 col-sm-offset-1">
									<div class="row">
										<div class="family-img">
											<img src="img/index/layaair.png"/>
										</div>
									</div>
								</div>
								<div class="col-md-8 col-sm-8  col-xs-9">
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<h3>LayaAir</h3>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row"><p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						
						
					</div>
				</div>
			</div>
			<div class="row wan">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-xs-10 col-xs-offset-1">
					<div class="row wan-tittle">
						<div class="col-md-11 col-sm-11 col-xs-12">
							<div class="row">
								<h3>采用Layabox引擎的精彩游戏</h3>
							</div>
						</div>
						<div class="col-md-1 col-sm-1">
							<div class="row">
								<p>更多</p>
							</div>
						</div>
					</div>
					<div class="row wan-text">
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="row">
								<div class="wan-text-img">
									<a href="">
										<img src="img/index/jingcaiyouxi.png" alt="" />
									</a>
								</div>
							</div>
						</div>
						<div class="col-md-7 col-sm-7 col-sm-offset-1 col-md-offset-1">
							<div class="row">
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-3">
									<div class="row">
										<div class=" wan-text-img2">
											<a href="">
												<img src="img/index/chaonengzhandui.png" alt="" />
											</a>
											<p class="text-center">猎刃2</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row bottom">
				<div class="col-md-10 col-md-offset-1">
					<div class="col-md-12">
						<div class="row bottom-tittle">
							<h3>合作伙伴<span>(排序不分先后)</span></h3>
						</div>
					</div>
					<div class="col-md-12">
						<div class="row">
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt=""/>
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-4">
								<div class="row">
									<div>
										<a href="">
											<img src="img/index/baidu.png" alt="" />
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row footer">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-12">
								<div class="col-md-8 col-sm-8 col-xs-12">
									<div class="row footer-one">
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												公司简介
											</div>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												联系方式
											</div>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												人才招聘
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12 col-sm-12 col-xs-12">
											<div class="row">
												<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-4 col-sm-4 col-xs-12">
									<div class="row">
										<div class="col-md-2 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive"/></div>
										</div>
										<div class="col-md-2 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive"/></div>
										</div>
										<div class="col-md-2 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive"/></div>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<script type="text/javascript" src="jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
	</body>

</html>